const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    mode: 'development',

    entry: './src/app.js' ,
    output:{
        // 注意outpu与entry相对应
        clean: true
    },

    plugins:[
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ],

    /**
     * 1. 配置external
     * 2. 手工在index.html模版中引入stript标签 jquery依赖
     * 3. 执行打包，可实现jquery在app.js中的使用
     * 总结：此种方式为手工引入三方依赖方式，webpack未实现全自动依赖引入、打包工作
     */
    externals:{
        jquery:'jQuery'
    }
}